<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"/>
    <title>2018数字化学术教育峰会暨惠每移健客户大会即将开始</title>
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1, minimum-scale=1"/>
    <link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css"/>
</head>
<body style="margin: 0; padding: 0;">
<div hidden>
    <img width="100%" src="http://tlpt.yutaolife007.com/invitation-backstage/img/ditu.png" alt="">
</div>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
    <tbody>
    <tr>
        <td style="padding: 0px 0 30px 0;">
            <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%"
                   style="border-collapse: collapse;">
                <tbody>
                <!--logo图片-->
                <tr>
                    <td align="center">
                        <img width="100%" src="http://tlpt.yutaolife007.com/invitation-backstage/img/a1.png"/>
                    </td>
                </tr>
                <!--会议说名-->
                <tr>
                    <td bgcolor="#ffffff" style="padding: 20px 10px 0px 10px;">
                        <table border="0" cellpadding="0" cellspacing="0" width="100%">
                            <tbody>
                            <tr>
                                <td>
                                    <span style="display: inline-block;text-align: left; font-size: 18px;color: black;">
            Dear&nbsp;<span id="name"></span>&nbsp;Sir/madam：</span>
                                </td>
                            </tr>
                            <tr>
                                <td align="center">
                                    <img width="100%" src="http://tlpt.yutaolife007.com/invitation-backstage/img/a2E.png" alt="">
                                </td>
                            </tr>
                            <tr>
                                <td align="center">
                                    <img width="100%" src="http://tlpt.yutaolife007.com/invitation-backstage/img/a3E.png" alt="">
                                </td>
                            </tr>
                            <tr>
                                <td align="center">
                                    <img width="100%" src="http://tlpt.yutaolife007.com/invitation-backstage/img/a4E.png" alt="">
                                </td>
                            </tr>
                            </tbody>
                        </table>
                    </td>
                </tr>
                <!--会议流程-->
                <tr>
                    <td>
                        <div class="d3 col-xs-12">
                            <div class="d-15 col-xs-12">
                                <div class="col-xs-4"></div>
                                <div class="col-xs-4">
                                    <a href="javascript:;">
                                        <button type="button" data-toggle="modal" class="btn1 btn btn-primary consent">Accept</button>
                                    </a>
                                </div>
                                <div class="col-xs-4"></div>
                            </div>
                        </div>
                    </td>
                </tr>
                <!--会议信息-->
                <tr>
                    <td>
                        <!--确认弹出框-->
                        <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                            <div class="modal-dialog">
                                <div class="modal-content">
                                    <div class="modal-header">
                                        <button type="button" class="close" data-dismiss="modal"
                                                aria-hidden="true">×
                                        </button>
                                        <h4 class="modal-title" id="myModalLabel">
                                            Please confirm the information
                                        </h4>
                                    </div>
                                    <div class="zhanshi modal-body">
                                        <p>name：<input id="cla1" readonly="readonly" type="text" value=""></p>
                                        <p>company：<input id="cla2" type="text" value=""></p>
                                        <p>phone：<input id="cla3" type="text" value=""></p>
                                        <p>e-mail：<input id="cla4" type="text" value=""></p>
                                    </div>
                                    <div class="modal-footer">
                                        <button type="button" class="btn btn-primary affirm">
                                            OK
                                        </button>
                                        <button type="button" class="btn btn-warning"
                                                data-dismiss="modal">Cancel
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--注意查收弹出框-->
                        <div class="modal fade" id="myModal2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel1" aria-hidden="true">
                            <div class="modal-dialog">
                                <div class="modal-content">
                                    <div class="modal-header">
                                        <button type="button" class="close" data-dismiss="modal"
                                                aria-hidden="true">×
                                        </button>
                                        <h4 class="modal-title" id="myModalLabel2">
                                            We will send you an email, please check!
                                        </h4>
                                    </div>
                                    <div class="modal-footer">
                                        <button type="button" class="btn btn-primary"
                                                data-dismiss="modal">OK
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </td>
                </tr>
                </tbody>
            </table>
        </td>
    </tr>
    </tbody>
</table>
</body>
<script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<script type="text/javascript">
    let ids;
    /*确认*/
    $(".consent").click(function () {
        var names = $('#name').html();
        var emails = $('#email').html();
        console.log(emails);
        var obj = new Object();
        obj.name = names;
        obj.email = emails;
        $.ajax({
            type: "POST",
            url: "http://10.0.0.25:8080/wxx/email/userInfo",
            data: {value:JSON.stringify(obj)},
            success: function (date) { //如果发送成功
                var list = eval(date).data;
                ids = list.id;
                $('#cla1').val(list.username);
                $('#cla2').val(list.company);
                $('#cla3').val(list.phone);
                $('#cla4').val(list.email);
            },
            error: function (XMLHttpRequest, textStatus, errorThrown) {
                console.log(XMLHttpRequest);
                console.log(textStatus);
                console.log(errorThrown);
            },
        });
        $(function () {
            $('#myModal').modal({
                keyboard: true
            });
        });
    });
    $(".affirm").click(function () {
        var list = new Object();
        list.id = ids;
        list.username = $('#cla1').val();
        list.company = $('#cla2').val();
        list.phone = $('#cla3').val();
        list.email = $('#cla4').val();
        $.ajax({
            type: "POST",
            url: "http://10.0.0.25:8080/wxx/email/confirmInfo",
            data: {value:JSON.stringify(list)},
            success: function (date) { //如果发送成功
            },
            error: function (XMLHttpRequest, textStatus, errorThrown) {
                console.log(XMLHttpRequest);
                console.log(textStatus);
                console.log(errorThrown);
            },
        });
        $(".affirm").attr("data-dismiss","modal");

        $(function () {
            $('#myModal2').modal({
                keyboard: true
            });
        });
    });

</script>
</html>